<template>
  <view class="whe_maxv" style="background-color: #f8faf7">
    <view class="sy_bg xd" style="height: 250px">
      <view class="pad_20 boxs">
        <view class="mag_t-20">
          <text class="fz_18 em">张三的家庭</text>
          <view class="fz_10 mag_l-20 bor_5 disp" style="color: #ff7802;padding: 2px 4px;background-color: #9cdc99;border: #ffd166 1px solid">
            <image src="../img/hy.png" style="width: 10px;height: 10px"></image>
            <text class="mag_l-5">共富一级</text>
          </view>
        </view>
        <view style="padding: 10px 0 20px">
          <view class="disp fz_10 bor_10" style="padding: 2px 5px 0;color:#636363;background-color: #cef2ca">
            <image class="centerdq" src="../../static/icon/gps_2.png" style="width: 18px;height: 18px"/>
            <text>独山港本级</text>
          </view>
        </view>
        <view>
          <view class="wz_lv fz_24 em"><text>435</text>分</view>
          <view class="fz_12 mag_t-5">家庭富治积分</view>
        </view>
      </view>
      <image class="jd" src="https://xdjzapi.towngo.cn/uploads/images/wx/202507/08/xcx_1751979165_RSw0JNXJlx.png"
      style="width: 220px;height: 180px;right: 0;bottom: 0;z-index: 1"></image>
    </view>
    <view class="boxs" style="padding: 0 20px 20px">
      <view style="font-size: 0">
        <img src="../../static/img/tab_t.png" style="width: 100%;height: 20px"/>
      </view>
      <view class="pad">
        <view class="fz_18 em">
          积分明细
        </view>
        <view class="wh_f mag_t-10">
          <view class="flex_1">
            <view class="img_bg" style="height: 90px">
              <view class="pad_20 boxs">
                <view class="fz_14" style="color: #525252">本月消耗积分</view>
                <view class="wz_jz" style="color:#3a9e5f;margin-top: 5px">
                  <text class="fz_24 em">0 </text>分
                </view>
              </view>
              <image src="../../static/img/jtjf.png" alt="" />
            </view>
          </view>
          <view style="width:5px"></view>
          <view class="flex_1">
            <view class="img_bg" style="height: 90px">
              <view class="pad_20 boxs">
                <view class="fz_14" style="color: #525252">本月获得积分</view>
                <view class="wz_jz" style="color:#3a9e5f;margin-top: 5px">
                  <text class="fz_24 em">168 </text>分
                </view>
              </view>
              <image src="../../static/img/jtjf.png" alt="" />
            </view>
          </view>
        </view>
      </view>
      <view class="fz_18 em pad_10_0">
        家庭成员
      </view>
      <view clsss="fz_18 xyy" style="border-radius: 10px;padding:0 10px;background-color: white">
        <view class="wh_f bor_b_hui pad_10_0">
          <view class="flex_1">
            <image class="centerdq" src="../../static/img/userImg.png" style="width: 30px;height: 30px"/>
            <text class="centerdq" style="margin: 0 10px">张三</text>
            <text class="fz_10 bor_5 centerdq" style="color: #ff9a2e;padding: 1px 4px;background-color: #fff6e0;border: 1px solid #ff9a2e">√ 已认证</text>
          </view>
          <view class="wz_lv em">
            <text>267分</text>
            <image class="centerdq mag_l-20" src="../../static/icon/right.png" style="width: 6px;height: 12px"></image>
          </view>
        </view>
        <view class="wh_f bor_b_hui pad_10_0">
          <view class="flex_1">
            <image class="centerdq" src="../../static/img/userImg.png" style="width: 30px;height: 30px"/>
            <text class="centerdq" style="margin: 0 10px">张三</text>
            <text class="fz_10 bor_5 centerdq" style="color: #2a5caa;padding: 1px 4px;background-color: #e4eaf3;border: 1px solid #2a5caa">x 未认证</text>
          </view>
          <view class="wz_lv em">
            <text>267分</text>
            <image class="centerdq mag_l-20" src="../../static/icon/right.png" style="width: 6px;height: 12px"></image>
          </view>
        </view>
        <view class="wh_f pad_10_0">
          <view class="flex_1">
            <image class="centerdq" src="../../static/img/userImg.png" style="width: 30px;height: 30px"/>
            <text class="centerdq" style="margin: 0 10px">张三</text>
            <text class="fz_10 bor_5 centerdq" style="color: #ff9a2e;padding: 1px 4px;background-color: #fff6e0;border: 1px solid #ff9a2e">已认证</text>
          </view>
          <view class="wz_lv em">
            <text>267分</text>
            <image class="centerdq mag_l-20" src="../../static/icon/right.png" style="width: 6px;height: 12px"></image>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  name: "index"
}
</script>
<style scoped lang="scss">

</style>
